<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>题库后台管理系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<!--引用css  -->
	<link type="text/css" rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
	<link type="text/css" rel="stylesheet" href="bootstrap/css/bootstrap-fileinput.css" />
	<link type="text/css" rel="stylesheet" href="bootstrap/css/bootstrap-switch.css" />
	<link type="text/css" rel="stylesheet" href="bootstrap/css/bootstrap-datetimepicker.min.css"/>
	<link rel="stylesheet" href="css/commod.css" type="text/css">
	<link href="css/css/component.css" rel="stylesheet">
	<!-- 引用js -->
	<script type="text/javascript" src="bootstrap/js/jquery.min.js"></script>
	<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="bootstrap/js/docs.min.js"></script>
	<script type="text/javascript" src="bootstrap/js/bootstrap-fileinput.js"></script>
	<script type="text/javascript" src="bootstrap/js/bootstrap-switch.js"></script>
	
	<script src="js/js/classie.js"></script>
	<script src="js/js/modalEffects.js"></script>
	
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="bootstrap/js/moment-with-locales.min.js"></script>
	<script type="text/javascript" src="bootstrap/js/bootstrap-datetimepicker.min.js"></script>
	<script type="text/javascript" src="bootstrap/jquery.qrcode.min.js"></script>
	
	<!--去掉悬浮窗 -->
	<style type="text/css">#cl-dashboard{display: none}</style>
	
	<link title="" href="formwork/css/style.css" rel="stylesheet" type="text/css"/>
	<link title="blue" href="formwork/css/dermadefault.css" rel="stylesheet" type="text/css"/>
	<!-- <link title="green" href="formwork/css/dermagreen.css" rel="stylesheet" type="text/css" disabled="disabled"/>
	<link title="orange" href="formwork/css/dermaorange.css" rel="stylesheet" type="text/css" disabled="disabled"/> -->
	<link href="formwork/css/templatecss.css" rel="stylesheet" title="" type="text/css" />
	
	<!-- <script src="formwork/script/jquery-1.11.1.min.js" type="text/javascript"></script> -->
	<script src="formwork/script/jquery.cookie.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function(){
	
		$(".div2").click(function(){ 
		
			if($(this).next("div").is(":hidden")){
				$(".subNav").find("#title_span_icon").removeClass("glyphicon-chevron-up");
				$(".subNav").find("#title_span_icon").addClass("glyphicon-chevron-down");
				$(this).find("#title_span_icon").removeClass("glyphicon-chevron-down"); 
				$(this).find("#title_span_icon").addClass("glyphicon-chevron-up"); 
			    $(".subNav").removeClass("sublist-up");
			    $(this).addClass("sublist-down");
			}else{
			  	$(this).find("#title_span_icon").removeClass("glyphicon-chevron-up");
			    $(this).find("#title_span_icon").addClass("glyphicon-chevron-down");
				$(".subNav").removeClass("sublist-up");
				$(".subNav").addClass("sublist-down");
			}
			
			$(this).next("div").slideToggle("slow").siblings(".div3:visible").slideUp("slow");
		});
		
	});
</script>
<style>
.div3{display: none;cursor:pointer; font-size:13px;}
.div2 {cursor:pointer;padding-left: 8px;}
.div3 a{margin-left: 40px}
#single_menu{cursor:pointer;padding-left: 8px;}
</style>
</head>
<body>
<!-- 头部 -->
<nav class="nav navbar-default navbar-mystyle navbar-fixed-top">
  <div class="navbar-header">
    <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button>
    <a class="navbar-brand mystyle-brand"><span class="glyphicon glyphicon-home"></span></a> </div>
  <div class="collapse navbar-collapse">
    <ul class="nav navbar-nav">
      <li class="li-border"><a class="mystyle-color" href="#">题库后台管理系统</a></li>
    </ul>
    
    <ul class="nav navbar-nav pull-right">
      	
      <li class="dropdown li-border"><a href="#" class="dropdown-toggle mystyle-color" data-toggle="dropdown">
      admin<span class="caret"></span></a>
        <ul class="dropdown-menu" style="width: 100px">
          <li><a href="user/toUserInfo" target="iframeArtwork">个人信息</a></li>
          <li><a href="toLogin">退出</a></li>
        </ul>
      </li>
     
    </ul>
  </div>
</nav>
<!-- 右边菜单栏 -->
<div class="down-main">
  <div class="left-main left-full">
    <div class="sidebar-fold"><span class="glyphicon glyphicon-menu-hamburger"></span></div>
    	<div class="subNavBox">
     	<div class="sBox">
			<div class="div2 subNav sublist-down"><div></div><span class="glyphicon glyphicon-gift"></span><span class="sublist-title"> 课程管理</span>
				<span class="title-icon glyphicon glyphicon-chevron-down" id="title_span_icon"></span>
			</div>
			<div class="div3">
				<ul class="navContent">
					<li>
						<div class="showtitle" style="width:100px;">考试类型</div> 
							<a href="course/toExamType" target="iframeArtwork">
								<span class="sublist-icon"></span><span class="sub-title">考试类型</span>
							</a>
					</li>
					<li>
						<div class="showtitle" style="width:100px;">考试专业</div> 
							<a href="course/toExamMajor" target="iframeArtwork">
								<span class="sublist-icon"></span><span class="sub-title">考试专业</span>
						    </a>
					</li>
					<li>
						<div class="showtitle" style="width:100px;">考试科目</div> 
							<a href="course/toExamSubject" target="iframeArtwork">
								<span class="sublist-icon"></span><span class="sub-title">考试科目</span></a>
					</li>
					<li>
						<div class="showtitle" style="width:100px;">考试章节</div> 
							<a href="course/toExamChapter" target="iframeArtwork">
								<span class="sublist-icon"></span><span class="sub-title">考试章节</span></a>
					</li>
				</ul>
			</div>
			<div class="div2 subNav sublist-down"><div></div><span class="glyphicon glyphicon-picture"></span><span class="sublist-title"> 题库管理</span>
				<span class="title-icon glyphicon glyphicon-chevron-down" id="title_span_icon"></span>
			</div>
			<div class="div3">
				<ul class="navContent">
					<li>
						<div class="showtitle" style="width:100px;">题库管理</div> 
							<a href="question/toQuestion" target="iframeArtwork">
								<span class="sublist-icon"></span><span class="sub-title">题库管理</span>
							</a>
					</li>
					<li>
						<div class="showtitle" style="width:100px;">试卷管理</div> 
							<a href="question/toQuestionPaper" target="iframeArtwork">
								<span class="sublist-icon"></span><span class="sub-title">试卷管理</span>
							</a>
					</li>
				</ul>
			</div>
			
			
			<div class="div2 subNav sublist-down"><div></div><span class="glyphicon glyphicon-envelope"></span><span class="sublist-title"> 消息管理</span>
				<span class="title-icon glyphicon glyphicon-chevron-down" id="title_span_icon"></span>
			</div>
			<div class="div3">
				<ul class="navContent">
					
					<li>
						<div class="showtitle" style="width:100px;">意见反馈</div> 
							<a href="message/toBackMessage" target="iframeArtwork">
								<span class="sublist-icon"></span><span class="sub-title">意见反馈</span>
						    </a>
					</li>
					
					<li>
						<div class="showtitle" style="width:100px;">消息推送 </div> 
							<a href="http://umeng.com" target="iframeArtwork">
								<span class="sublist-icon"></span><span class="sub-title">消息推送</span>
						    </a>
					</li>
					
				</ul>
			</div>
			
			<div class="div2 subNav sublist-down"><div></div><span class="glyphicon glyphicon-cog"></span><span class="sublist-title"> 系统管理</span>
				<span class="title-icon glyphicon glyphicon-chevron-down" id="title_span_icon"></span>
			</div>
			<div class="div3">
				<ul class="navContent">
					<li>
						<div class="showtitle" style="width:100px;">角色管理</div> 
							<a href="user/toUserRole" target="iframeArtwork">
								<span class="sublist-icon"></span><span class="sub-title">角色管理</span>
							</a>
					</li>
					<li>
						<div class="showtitle" style="width:100px;">管理员管理</div> 
							<a href="user/toSysUser" target="iframeArtwork">
								<span class="sublist-icon"></span><span class="sub-title">管理员管理</span>
						    </a>
					</li>
					
					<li>
						<div class="showtitle" style="width:100px;">用户管理</div>
							<a href="user/toPublicUser" target="iframeArtwork">
								<span class="sublist-icon"></span><span class="sub-title">用户管理</span>
						    </a>
					</li>
				</ul>
			</div>
			
			<!-- 单个菜单  -->
			<a href="user/toUserInfo" target="iframeArtwork" style="color: #fff;text-decoration:none">
				<div id="single_menu" class="subNav sublist-down"><div></div><span class="glyphicon glyphicon-user"></span>
				<span class="sublist-title">个人中心</span></div>
			</a>
			<a href="data/toStatistical" target="iframeArtwork" style="color: #fff;text-decoration:none">
				<div id="single_menu" class="subNav sublist-down"><div></div><span class="glyphicon glyphicon-stats"></span>
				 <span class="sublist-title">数据统计</span></div>
			</a>
			
		</div>
	</div>
	</div>
	<!-- 右边显示 -->
	<div class="right-product my-index right-full">
    	 <div style="height:100%">
     		<iframe  class="body-iframe" name="iframeArtwork" width="100%" height="100%" 
				src="data/toStatistical" frameborder="0"  scrolling="yes">
	 		</iframe>
	 	</div>
 	</div>
	
	</div>
<script type="text/javascript">
	/* 选中样式 */
	$(".navContent li").click(function(){
		$(this).addClass("active");
		$(".navContent li").not($(this)).removeClass("active");
	});
	/*  */
	$(".subNav").click(function(){
		$(this).addClass("sublist-up");
		$(".sublist-down").addClass("sublist-up");
		$(".subNav").not($(this)).removeClass("sublist-up");
	});
	
</script>  
<script type="text/javascript">
$(function(){
/*左侧导航栏缩进功能*/
$(".left-main .sidebar-fold").click(function(){

	if($(this).parent().attr('class')=="left-main left-full")
	{
		$(this).parent().removeClass("left-full");
		$(this).parent().addClass("left-off");
		
		$(this).parent().parent().find(".right-product").removeClass("right-full");
		$(this).parent().parent().find(".right-product").addClass("right-off");
		
		}
	else
	{
		$(this).parent().removeClass("left-off");
		$(this).parent().addClass("left-full");
		
		$(this).parent().parent().find(".right-product").removeClass("right-off");
		$(this).parent().parent().find(".right-product").addClass("right-full");
		
		}
	})	
 
  /*左侧鼠标移入提示功能*/
	$(".div2 span").mouseenter(function(){
			
		if($(this).find("span:last-child").css("display")=="none")
		{$(this).find("div").show();}
		}).mouseleave(function(){$(this).find("div").hide();})	
})
</script>
</body>
</html>
